<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>各种框框</title>
</head>
<body>
    <from action="" method="Get">
    <div>
        用户名 ：<input type="text" name="username" >
    </div>
    <div>
        密码 ：<input type="password" name="password">
    </div>
    <div>
        爱好 ：<input type="checkbox" name="hobby" value="宇将军">宇将军春招
              <input type="checkbox" name="hobby" value="雷将军">雷将军夏招
              <input type="checkbox" name="hobby" value="风将军">风将军秋招
              <input type="checkbox" name="hobby" value="李将军">李将军冬招
    </div>
    <div>
        性别 ：<input type="radio" name="gender" value="man">男
        性别 ：<input type="radio" name="gender" value="woman">女
    </div>
    
    <div>
        电话号码 ：<input type="number">
        邮箱 ：<input type="email">
        日期 ：<input type="date">
    </div>
    <div>
        登录 ：<input type="submit" value="登录" >
    </div>
    <div>
        重置 ：<input type="reset" value="重置按钮">
    </div>
    </from>
   
    
    
</body>
</html>